LucidPlayground
Lucid Playground is an interactive feature visualization interface, providing some of Lucid's functionality in the browser. It uses the LucidJS library, which is based onTensorflow JS. Obviously the name and the format are strongly inspired by Tensorflow Playground.
Be sure to read Feature Visualization and the other related Distill articles to get some more information about the underlying concepts.
Installation
- Clone
git clone https://github.com/stefsietz/LucidPlayground.git
cd LucidPlayground
- Install NPM packages
npm install
(Obviously you need npm installed)
-
Download models and put them into the public directory (structure should be src/public/models/[AlexNet|...]).
-
Run
npm start
Basic structure
The project is based on React.js, and needs to be compiled from JSX. The parent component is App.js, which acts as a wrapper for BlogpostHome.jsx. This is the component for the blogpost version and contains all the text for the blogpost as well as child components for the playground interface. The other UI components are contained in src/ui, with blogpost-specific UI elements in src/ui/blogpostComponents. “src/scene” contains model classes for layer and graph, as well as the “LucidBackend”, which acts as an intermediate layer between UI and the LucidJS library. The “model” subdirectory contains some metadata files for the converted Tenworflow JS model in json format. The “LucidJS” directory contains the library as a submodule.